// 组织数据
var textArray = ["红","绿","蓝","黄","紫"];
var colorArray = ["red","green","blue","yellow","purple"];

// 获取页面中的标记
var timeEle = document.querySelector(".time");
var scoreEle = document.querySelector(".score");
var contentDiv = document.querySelector(".content");
var spans = document.querySelectorAll(".footer>span");




// 修改页面中的内容
function changeShowContent(){
	// 1.修改 contentDiv 中的内容，以及字体颜色
		/*
			innerHTML 表示标记中的内容
		*/ 
		// textRandomIndex 文字的随机索引
		var textRandomIndex = createRandomNum(0,textArray.length - 1);
		contentDiv.innerHTML = textArray[textRandomIndex];

		// colorRandomIndex 颜色的随机索引
		var colorRandomIndex = createRandomNum(0,colorArray.length - 1);
		contentDiv.style.color = colorArray[colorRandomIndex];

	// 2.修改 spans 中每一个 span 的内容 和 字体颜色
		// console.log(textArray);
		breakArray(textArray);
		// console.log(textArray);
		breakArray(colorArray);
		for (var i = 0; i < spans.length; i++) {
			spans[i].innerHTML = textArray[i];
			spans[i].style.color = colorArray[i];
		}
}


changeShowContent();


// 打乱数组
function breakArray(arr){
	// arr.sort(function(){
	// 	if (Math.random() > 0.5) {
	// 		return  1;
	// 	}else{
	// 		return -1;
	// 	}
	// });

	for (var i = 0; i < arr.length; i++) {
		var randomIndex = createRandomNum(0,arr.length - 1);
		var temp = arr[randomIndex];
		arr[randomIndex] = arr[i];
		arr[i] = temp;
	}
}





// 随机产生一个数字 取值范围 [m,n]
function createRandomNum(m,n){
	/*
		Math.random()		取值范围 [0,1)
		Math.floor(num)		向下取整		1.999 -> 1
		Math.ceil(num)		向上取整		1.001 -> 2 
	*/ 
	var randomNum = Math.floor(Math.random() * (n - m + 1)) + m;
	return randomNum;
}